import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'
import ContactSection from '../../ch/sections/ContactSection.vue'

<Meta title="Sections/Content/Contact" component={ContactSection} />

export const Template = () => ({
  props: [],
  components: { ContactSection },
  template: '<ContactSection />',
})

# Contact Section

<Canvas>
  <Story name="Example">{Template.bind({})}</Story>
</Canvas>

<!--ArgsTable story="Example" /-->

<a href="?path=/story/sections-contact--example">
  Go to the Canvas Tab
</a>

---

<a href="?id=sections-content-contact--example&viewMode=story" target="_blank">
  Open page in full width in a new tab
</a>
